// 插件 增强vue

import Vue from "vue"

// 默认暴露简写，直接省略函数名
export default{
    install(){
        console.log("@@@install")
        // 全局过滤器
        Vue.filter('mySlice',function(value){
            return value.slice(0,4)
        })

        // 全局自定义指令
        Vue.directive('fbind',{
            // 指令与元素成功绑定时调用
            bind(element,binding)
            {
                element.value = binding.value
            },
            // 指令绑定的元素在插入页面时调用
            inserted(element){
                element.focus()  //获取焦点
            },
            // 指令所在的模板被重新解析时调用
            update(element,binding){
                element.value = binding.value
            }
        })

        // 全局 混入
        Vue.mixin({
            data(){
                return{
                    x:100,
                    y:200
                }
            }
        })

        // 原型添加函数/属性 （vm和vc都能用）
        Vue.prototype.hello = ()=>{
            alert("你好吗")
        }
    }
}